<template>
  <div class="geshou tanxin">
    <div class="geshou_l">
      <Tuijiangeshou />
    </div>
    <div class="geshou_r">
      <Ruzhugeshou :list="$store.state.rzgslist" />
      <Geshouname :list="$store.state.geshouname" />
    </div>
  </div>
</template>

<script>
import Tuijiangeshou from "@/components/geshou/Tuijiangeshou.vue";
import Ruzhugeshou from "@/components/geshou/Ruzhugeshou.vue";
import Geshouname from "@/components/geshou/Geshouname.vue";
import { Geshou } from "@/request/api";
export default {
  data() {
    return {
      // 入住歌手
      geshourz: {
        type: -1,
        area: -1,
      },
    };
  },
  created() {
    Geshou(this.geshourz).then((res) => {
      if (res.data.code === 200) {
        this.$store.commit("Channerzgslist", res.data.artists);
      }
    });
  },
  components: {
    Tuijiangeshou,
    Ruzhugeshou,
    Geshouname,
  },
};
</script>
 
<style lang = "less" scoped>
@import "@/assets/base.less";
.geshou {
  width: 1000px;
  margin: 0 auto;
  justify-content: flex-start;
  border-right: 1px solid #ccc;
  .geshou_l {
    width: 200px;
  }
}
</style>